@voting: voting-container;

.@{voting} {
  color: @color-text-paragraph;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  &-related, &-nojoin-list, &-result-list {
    background-color: @fill-base;
    border-radius: 10 * @hd;
    margin: 16 * @hd 12 * @hd;
    overflow: hidden;
  }
  &-nojoin-title, &-result-title {
    font-size: @font-size-heading;
    padding-left: 19 * @hd;
  }
  &-related {
    padding: 16 * @hd;
    &-title {
      display: flex;
      justify-content: space-between;
      border-bottom: @border-width-sm solid @border-color-base;
      padding-bottom: 10 * @hd;
      .name {
        font-size: @font-size-heading;
      }
      .num {
        color: #696969;
        strong {
          font-size: 32 * @hd;
        }
        a:visited {
          color: #696969;
        }
      }
    }
    &-category {
      .am-flexbox-item {
        text-align: center;
        margin-top: 16 * @hd;
        margin-left: 0;
        .num {
          font-size: 28 * @hd;
        }
        .name {
          color: @color-text-caption;
          i {
            display: inline-block;
            width: 8 * @hd;
            height: 8 * @hd;
            border-radius: 50%;
            margin-right: 7 * @hd;
          }
        }
      }
      .am-flexbox-item:not(:last-child) {
        border-right: @border-width-sm solid @border-color-base;
      }
    }
  }
  &-nojoin-list, &-result-list {
    .am-list-footer {
      text-align: right;
      .@{voting}-nojoin-more {
        display: inline-block;
        border: @border-width-md solid #979797;
        border-radius: 14.5 * @hd;
        padding: 4 * @hd 18 * @hd;
        a, a:visited {
          color: @color-text-paragraph;
        }
      }
    }
  }

  /* 列表页面 */
  &-list {
    height: 100%;
    position: relative;
    &-listContainer {
      position: absolute;
      width: 100%;
      top: @search-bar-height + 1;
      bottom: 0;
    }
  }
  /* iframe */
  &-fill {
    height: 100%;
    &-iframe {
      height: 100%;
      width: 100%;
      border: 0;
    }
  }
}